/*banner轮播*/
var i = 0 ;
var timer;
 
$(document).ready(function(){

  $('.banner_ig').eq(0).show().siblings('.banner_ig').hide();
   

  showTime();
   
  
  $('.banner_tab').hover(function(){
    //获取当前i的值，清除定时器
    i = $(this).index();
    Show();
    clearInterval(timer);
  },function(){
    //
    showTime();
  });
   
  //鼠标点击左侧的箭头
  $('.btn_left').click(function(){
    clearInterval(timer);
    if(i == 0){
      i = 3;
    }
    i--;
    Show();
    showTime();
  });
   
  //鼠标点击右侧的箭头
  $('.btn_right').click(function(){
    clearInterval(timer);
    if(i == 3){
      i = -1;
    }
    i++;
    Show();
    showTime();
  });
   
});
 
 

function showTime(){
  
  timer = setInterval(function(){
    
    Show();
    i++;
  
    if(i==3){
      i=0;
    }
  },2000);
}
 
 

function Show(){

  $('.banner_ig').eq(i).fadeIn(300).siblings('.banner_ig').fadeOut(300);
   
 
  $('.banner_tab').eq(i).addClass('banner_bg').siblings('.banner_tab').removeClass('banner_bg');
   

}
